<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- align是设置水平对齐方式   vertical设置垂直对齐方式 -->
    <table border="1" cellspacing="0" cellpadding="10" align="center" width="500">
        <tr>
            <td colspan="2">Header</td>
        </tr>
        <tr>
            <td colspan="2">Nav</td>
        </tr>
        <!-- html标签中的写width和height时，px可加可不加 -->
        <tr height="120">
            <td>第一篇文章</td>
            <!-- style="vertical-align:top;" 是CSS代码，先不用管 -->
            <td rowspan="2" style="vertical-align:top;">侧边栏</td>
        </tr>
        <tr height="120">
            <td>第一篇文章</td>
        </tr>
        <tr>
            <td colspan="2">Footer</td>
        </tr>
    </table>
</body>
</html>